//yw 1初始化
layui.use(['jquery','form','table','layer','laydate'],function(){
    var $ = layui.jquery;
    var form = layui.form;
    var table= layui.table;
    var layer = layui.layer;
    var laydate = layui.laydate;
    //yw 渲染(初始化，加载)时间控件
    laydate.render({
        elem:'#acTime',
        type:'datetime'
    })
//yw 2加载 网关列表
        var tableIns = table.render({
        elem: '#gatewayList1',
        url : '../../json/gatewayList.json',
        //yw toolbar: 'gatewayToolBar' //开启头部工具栏，并为其绑定左侧模板
        page : true, //yw 分页功能主要在后台实现，前端发送第几页和每页记录数到后台
        height : "full-125",
        id : "gatewayListTable",
        cols : [[
            //yw {type: 'checkbox',fixed:'left'},
            {field: 'gatewayId', title: '网关编号', width:100,align:'center'},
            {field: 'gatewayMac', title: '网关MAC地址', width:160,align:'center'},
            {field: 'classroom', title: '教室', width:220,align:'center'},
            {field: 'eqNumber', title: '设备数量',width:100,align:'center'},
            {field: 'acTime', title: '激活时间', width:180,align:'center'},
            {field: 'onlineStatus', title: '在线状态',width:100,align:'center'},
            {fixed:"right",title: '操作', toolbar:'#listRowBar',align:"center"}
        ]]
    });
//yw 3操作 1)模糊查询 yw照搬雷哥的
    //也可用 form.on("submit(search_btn)",function(data){
    $(".search_btn").on("click",function(data){
        //alert(data);
        tableIns.reload({
            where:data.field, //搜索的关键字
            page: {
                 curr: 1 //重新从第 1 页开始
            }
        });
        return false;
    });

    var mainIndex;
    var url;
//yw 3操作 2)新增 打开添加的弹出层
    $(".add_btn").click(function(){
        mainIndex = layer.open({
            title : "添加网关",
            type : 1, //yw 0.默认信息框,1.页面层,2.iframe,3.加载层,4.tips层
            content : $("#updateDiv"),//yw ,$("#addDiv"),type:1 | "gatewayAdd.html", type:2
           closeBtn:0, //yw 不显示关闭按钮
            area:['800px','450px'],
               success : function(){
                    //yw 要重置新增的控件
                    gateWayID.reset();
                    gateWayMac.reset();
                    classroomID.reset();
                    eqNumber.reset();
                    acTime.reset();
                    onlineStatus.reset();
                    url="/gateway/add";
               },
        });
    })


//yw 3操作 3)修改 打开修改的弹出层
    //监听行工具条的事件
    table.on("tool(gatewayList1)", function(obj){
        var   data = obj.data; //获得当前行数据
        //alert(data);
        switch(obj.event){
            case 'edit':
                openUpdateLayer(data);
                break;
            case 'del':
                deleteInfo(data);
                break;
            case 'detail':
                openDetailLayer(data);
                break;

        };
    });
    function openUpdateLayer(data){
        mainIndex = layer.open({
            title : "修改网关",
            type : 1,
            content : $("#updateDiv"),
            closeBtn:0,
            area:['800px','450px'],
               success : function(){
                    //yw 要重置新增的控件
                    gateWayID.reset();
                    gateWayMac.reset();
                    classroomID.reset();
                    eqNumber.reset();
                    acTime.reset();
                    onlineStatus.reset();
                    //yw 装载新的数据
                    form.val("dataFrmSave",data);
                    url="/gateway/update";
               }
        });

    }
    $("#doSubmit").click(function(){
        alert("提交");
        var data = $("#dataFrmSave").serialize();
        $.post(url,data,function(res){
            if(res.code==200){
                tableIns.reload();
            }
            layer.msg(res.msg);
            layer.closeAll('page');
        });
        return false;
    })

    $("#doCancel").click(function(){
        alert("doSaveCancel");
        layer.closeAll('page');
        return false;
     })
//yw 3操作 4)删除 yw 学雷哥的
    function deleteInfo(data){
        layer.confirm('你确定要删除这条数据吗?',{icon:3,title:'提示'},function(index){
            $.post("/gateway/delete",{id:data.id},function(res){
                if(res.code==200){
                    tableIns.reload();
                }
                layer.msg(res.msg);
            })
            layer.close(index); //yw 用于关闭确认对话框
        })
    }
//yw 3操作 5)查看 yw 学雷哥的
    function openDetailLayer(data){
        mainIndex = layer.open({
            title : "查看网关",
            type : 2,
            content :  "gatewayDetail.html",
            closeBtn:1,
            area:['950px','600px'],
               success : function(){
                    //yw 要重置新增的控件
                    gateWayID.reset();
                    gateWayMac.reset();
                    classroomID.reset();
                    eqNumber.reset();
                    acTime.reset();
                    onlineStatus.reset();
                    //yw 装载新的数据
                    form.val("dataFrmSave",data);
                    url="/gateway/detail";
               }
        });
    }
})
